import { DemoBlock } from 'demos'
import { Button, Toast } from 'grace-design'
import React from 'react'

export default () => {
  return (
    <>
      <DemoBlock title="轻提示">
        <Button
          onClick={() => {
            Toast({ message: '这是轻提示' })
          }}
        >
          打开轻提示
        </Button>
      </DemoBlock>

      <DemoBlock title="自定义图标轻提示">
        <Button
          onClick={() => {
            Toast({
              message: '自定义图标轻提示',
              icon: 'https://twmw.oss-ap-southeast-1.aliyuncs.com/aliyun-oss/avatar.png',
            })
          }}
        >
          打开自定义图标轻提示
        </Button>
      </DemoBlock>
    </>
  )
}
